<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head>
    <!--[if gte mso 9]>
		<xml>
			<o:OfficeDocumentSettings>
				<o:AllowPNG/>
				<o:PixelsPerInch>96</o:PixelsPerInch>
			</o:OfficeDocumentSettings>
		</xml>
		<![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta content="summary_large_image" name="twitter:card" />
    <meta content="website" property="og:type" />
    <meta content="" property="og:description" />
    <meta content="" property="og:title" />
    <meta content="" name="description" />
    <meta charset="utf-8" />
    <meta content="width=device-width" name="viewport" />
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
    <meta name="color-scheme" content="light dark">
    <meta name="supported-color-schemes" content="light dark">
    <style type="text/css" id="media-query">
      :root {
        Color-scheme: light dark;
        supported-color-schemes: light dark;
      }

      .row,
      .row-content {
        position: relative
      }

      .page-container,
      .row-1,
      .row-1 .row-content {
        background-repeat: no-repeat;
        background-size: auto
      }

      body {
        background-color: #1f2939;
        color: #000;
        font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
      }

      .page-container {
        background-color: #1f2939;
        background-image: url("{{baseurl}}application/views/mails/images/bg.jpg");
        background-position: top center
      }

      a {
        color: #fff
      }

      * {
        box-sizing: border-box
      }

      body,
      p {
        margin: 0
      }

      .row-content {
        max-width: 600px;
        margin: 0 auto;
        display: flex
      }

      .row-content .col-w12 {
        flex-basis: 100%
      }

      .button .content,
      .html-block {
        text-align: center
      }

      .button a {
        text-decoration: none
      }

      .divider,
      .image {
        overflow: auto
      }

      .divider .center,
      .image .center {
        margin: 0 auto
      }

      .image img {
        display: block;
        width: 100%
      }

      .social .icon img {
        max-height: 32px
      }

      .text {
        overflow-wrap: anywhere
      }

      .row-1 .row-content {
        color: #000
      }

      .row-1 .col-1 {
        padding: 5px 10px 15px
      }

      .row-1 .col-1 .block-2 {
        padding: 45px
      }

      .row-1 .col-1 .block-3 {
        padding-bottom: 15px;
        padding-top: 10px
      }

      .row-1 .col-1 .block-4 {
        padding: 5px
      }

      .row-1 .col-1 .block-5 {
        padding: 20px 15px;
        text-align: center
      }

      .row-1 .col-1 .block-6 {
        padding: 10px 10px 15px
      }

      .row-1 .col-1 .block-7 {
        padding: 10px 25px
      }

      .row-1 .col-1 .block-9 {
        padding: 5px;
        width: 100%
      }

      .row-1 .col-1 .block-10 {
        padding: 15px 10px
      }

      .row-1 .col-1 .block-11 {
        padding: 10px;
        text-align: center
      }

      .row-1 .col-1 .block-12 {
        padding: 15px
      }

      @media (max-width:620px) {
        .row-content:not(.no_stack) {
          display: block
        }

        .row-1 .col-1 .block-2 {
          padding: 40px !important
        }

        .row-1 .col-1 .block-2 .separator {
          margin: auto !important;
          float: right !important
        }
      }
      @media (prefers-color-scheme: dark) {
        .body {
          background-color: #CCCCCC !important;
        }

        h1,
        h2,
        h3,
        p,
        a {
          color: rgb(255, 255, 255) !important;
          -webkit-text-fill-color: rgb(255, 255, 255) !important;
        }
      }
    </style>
  </head>
  <body style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif">
    <div class="page-container">
      <div class="row row-1">
        <div class="row-content">
          <div class="col col-1 col-w12">
            <div class="block block-1 divider">
              <div class="spacer" style="height:8px;"></div>
            </div>
            <div class="block block-2 divider">
              <div class="spacer" style="height:1px;"></div>
            </div>
            <div class="block block-3 text">
              <div class="text-content" style="font-size: 14px; line-height: 120%; color: rgb(255, 255, 255) !important; font-family: inherit;">
                <p style="font-size: 14px; line-height: 16px; text-align: center;">
                  <span style="font-size: 30px; line-height: 36px;">{{projectname}}</span>
                </p>
                <p style="font-size: 14px; line-height: 16px; text-align: center;">
                  <span style="font-size: 30px; line-height: 36px;"> Activate Your Account </span>
                </p>
              </div>
            </div>
            <div class="block block-4 text">
              <div class="text-content" style="font-size: 14px; line-height: 150%; color: rgb(255, 255, 255) !important; font-family: inherit;">
                <p style="font-size: 13px; line-height: 19px; text-align: center;">
                  <span style="font-size: 13px; line-height: 19px;"> Thank you for your joining us, <strong>{{username}}</strong>. </span>
                </p>
                <p style="font-size: 13px; line-height: 19px; text-align: center;">
                  <span style="font-size: 13px; line-height: 19px;">  </span>
                </p>
                <p style="font-size: 13px; line-height: 19px; text-align: center;">
                  <span style="font-size: 13px; line-height: 25px;">
                    <strong style="">
                      <span style="color: rgb(255, 255, 255) !important; line-height: 18px;"> Please verify your e-mail in order to gain full control. </span>
                    </strong>
                  </span>
                </p>
              </div>
            </div>
            <div class="block block-5 button">
              <a class="button-content" href="{{link}}" style="font-size: 15px; background-color: rgb(255, 255, 255) !important; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-radius: 24px; border-right: 0px solid transparent; border-top: 0px solid transparent; color: #091548; direction: ltr; font-family: inherit; font-weight: 400; max-width: 100%; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; padding-top: 5px; width: auto; display: inline-block;">
                <span style="word-break: break-word; font-size: 15px; line-height: 200%;">
                  <span style="font-size: 15px;">
                    <strong style="font-size: 15px;"> ACTIVATE MY ACCOUNT </strong>
                  </span>
                </span>
              </a>
            </div>
            <div class="block block-4 text">
              <div class="text-content" style="font-size: 14px; line-height: 150%; color: rgb(255, 255, 255) !important; font-family: inherit;">
                <p style="font-size: 13px; line-height: 19px; text-align: center;">
                  <span style="font-size: 13px; line-height: 19px;"> We look forward to seeing you in Azeroth,</span>
                </p>
                <p style="font-size: 13px; line-height: 19px; text-align: center;">
                  <span style="font-size: 13px; line-height: 19px;"> so make sure you join us there! </span>
                </p>
              </div>
            </div>
            <div class="block block-6 divider">
              <div class="center separator" style="border-top:1px solid #FFFFFF;width:60%;"></div>
            </div>
            <div class="block block-7 text">
              <div class="text-content" style="font-size: 14px; line-height: 150%; color: rgb(255, 255, 255) !important; font-family: inherit;">
                <p style="font-size: 13px; line-height: 19px; text-align: center; letter-spacing: normal;">
                  <span style="font-size: 13px; line-height: 19px;">
                    <strong style=""> Didn’t request an account creation? </strong>
                  </span>
                </p>
                <p style="font-size: 13px; line-height: 19px; text-align: center; letter-spacing: normal;">
                  <span style="font-size: 13px; line-height: 19px;"> Please contact us about this matter. </span>
                </p>
              </div>
            </div>
            <div class="block block-8 divider">
              <div class="spacer" style="height:60px;"></div>
            </div>
            <div class="block block-9 image">
              <img alt="{{projectname}}" class="center fixedwidth" src="{{baseurl}}application/views/mails/images/logo.png" style="max-width:145px;" />
            </div>
            <div class="block block-10 divider">
              <div class="center separator" style="border-top:1px solid #FFFFFF;width:60%;"></div>
            </div>
            <div class="block block-11 social">
              <div class="content">
                <span class="icon" style="padding:0 10px 0 10px;">
                  <a href="https://www.facebook.com/">
                    <img alt="Facebook" src="{{baseurl}}application/views/mails/images/facebook2x.png" title="Facebook" />
                  </a>
                </span>
                <span class="icon" style="padding:0 10px 0 10px;">
                  <a href="https://instagram.com/">
                    <img alt="Instagram" src="{{baseurl}}application/views/mails/images/instagram2x.png" title="Instagram" />
                  </a>
                </span>
                <span class="icon" style="padding:0 10px 0 10px;">
                  <a href="https://twitter.com/">
                    <img alt="Twitter" src="{{baseurl}}application/views/mails/images/twitter2x.png" title="Twitter" />
                  </a>
                </span>
              </div>
            </div>
            <div class="block block-12 text">
              <div class="text-content" style="line-height: 120%; font-size: 12px; font-family: inherit; color: #fbfcff;">
                <p style="font-size: 12px; line-height: 14px; text-align: center;">
                  <span style="line-height: 14px;">{{copyright}}, All rights reserved. <br />
                    <br />
                  </span> Join our <a href="https://discord.gg/{{discordlink}}" target="_blank" rel="noopener noreferrer" style="text-decoration: underline; color: #7f96ef;"> community</a> to meet other players, discuss new ideas, uprising issues, get the latest updates from us. <span style="line-height: 14px;">
                    <br />
                  </span>
                </p>
              </div>
            </div>
            <div class="block block-13 html-block">
              <div style="height-top: 20px;"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>